<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Registration</title>
    <!-- Add any additional styles or scripts here -->
</head>
<body background="images/login.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed">
<h2>User Registration</h2>
<form action="/register" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username" required><br>

    <label for="password">Password:</label>
    <input type="password" id="password" name="password" required><br>

    <!-- Remove the input field for uid, as it will be generated automatically -->

    <label for="usersex">Gender:</label>
    <select id="usersex" name="usersex">
        <option value="Male">Male</option>
        <option value="Female">Female</option>
        <!-- Add more options if needed -->
    </select><br>

    <label for="Cellphone">Cellphone:</label>
    <input type="tel" id="Cellphone" name="Cellphone" required><br>

    <button type="submit">Register</button>
</form>

<!-- Add any additional content or scripts here -->

</body>
</html>